body {
  display: flex;
  background-color: #2C3E50;
  font-family: Helvetica Neue;
  #app {
    flex: 1;
    display: flex;
  }
  .rt-app-container {
    flex: 1;
    display: flex;
  }
  .rt-color-pureBlue {
    color: #4d92cd;
  }
}
.cl:before,.cl:after{content:"";display:table;clear:both;}
.cl{*zoom:1;}
.lf {
  float: left;
}
.rf {
  float: right;
}

// 清除默认样式
body {
    .rt-color-yellow {
      color: #F8A201;
    }
    .rt-color-red {
      color: #f66a6b;
    }
    .rt-color-green {
      color: #45B6B0;
    }

    .rt-color-blue {
      color: #65C3DF;
    }

    .rt-bg-color-yellow {
      background-color: #F8A201;
    }

    .rt-bg-color-green {
      background-color: #45B6B0;
    }

    .rt-bg-color-blue {
      background-color: #65C3DF;
    }
  .ant-btn-clicked:after {
    opacity: 0;
  }
  .ant-pagination-prev {
    border-radius: 0;
    &:hover {
      border-color: #d3d3d3;
      a {
        color: #a6a6a6;
      }
    }
  }
  .ant-pagination-next {
    border-radius: 0;
    &:hover {
      border-color: #d3d3d3;
      a {
        color: #a6a6a6;
      }
    }
  }
  .ant-pagination-item {
    border-radius: 0;
    color: #a6a6a6;
    border-color: #d3d3d3;
    &:hover {
      border-color: #d3d3d3;
      a {
        color: #a6a6a6;
      }
    }
    a {
      color: #a6a6a6;
    }

  }
  .ant-pagination-item-active {
    background-color: #eee;
    border-color: #d3d3d3;
    &:hover {
      a {
        color: #a6a6a6;
      }
    }
    a {
      color: #a6a6a6;
    }
  }
  .ant-btn {
    padding: 0px 18px;
    height: 35px;
    line-height: 33px;
    &:hover {
      color: #fff;
    }
  }
  .ant-confirm-btns {
    .ant-btn-ghost {
      &:hover {
        color: rgba(0, 0, 0, 0.65);
        border-color: rgba(0, 0, 0, 0.15);
      }
    }
  }
  .ant-input {
    &:hover {
      border-color: #d3d3d3;
    }
    &:focus {
      box-shadow: 0 0 0 2px rgba(211,211,211,0.2);
    }
  }
  .ant-input-search-wrapper {
    .ant-input-search-icon {
      color: #d3d3d3;
      &:hover {
        color: #d3d3d3;
     }
    }
  }
  .ant-input-search-wrapper:hover .ant-input-search:not([disabled]) {
    border-color: #d3d3d3;
  }
}

// 日期选择器的样式
.rt-date {
  padding: 0 5px;
  color: #989898;
}
.ant-calendar-picker {
  .ant-input {
    border-radius: 0;
    border-color: #d3d3d3;
    height: 33px;
  }
}

// overwrite style
.ant-popover-placement-bottomRight {
  // left: 1174.53px;
  .ant-popover-content {
    .ant-popover-title {
      height: inherit;
      .rt-above-box {
        .rt-unread-msg {
          .rt-num {
            width: 18px;
            line-height: 18px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            margin-left: 50px;
            background-color: #F8A502;
            color: #fff;
          }
        }
      }
    }
  }
}

.ant-confirm {
  .ant-confirm-content {
    font-size: 22px;
  }
}

@import '../../components/header/TopHeader.less';
@import '../../components/user/DashboardBody.less';
@import '../../components/container/PreviewPage.less';
@import '../../components/user/Homepage.less';
@import '../../components/error/PageNotFound.less';
@import '../../components/customer/CustomerPage.less';
@import '../../components/course/CoursePage.less';
@import '../../components/class/ClassPage.less';
@import '../../components/experience/FeedbackPage.less';